<template>
  <div>
    <div class="box"></div>
    <Tabber>
      <TabberItem path="/">
        <img slot="icon" src="./assets/img/Home.png" alt="" />
        <img slot="icon_act" src="./assets/img/Homes.png" alt="" />
        <div slot="title">首页</div>
      </TabberItem>
       <TabberItem path="/list">
        <img slot="icon" src="./assets/img/List.png" alt="" />
        <img slot="icon_act" src="./assets/img/Lists.png" alt="" />
        <div slot="title">分类</div>
      </TabberItem>
       <TabberItem path="/cart">
        <img slot="icon" src="./assets/img/Cart.png" alt="" />
        <img slot="icon_act" src="./assets/img/Carts.png" alt="" />
        <div slot="title">购物车</div>
      </TabberItem>
       <TabberItem path="/mime">
        <img slot="icon" src="./assets/img/Mime.png" alt="" />
        <img slot="icon_act" src="./assets/img/Mimes.png" alt="" />
        <div slot="title">我的</div>
      </TabberItem>
    </Tabber>
    <router-view />
  </div>
</template>
<script>
import Tabber from "./components/Tabber/Tabber";
import TabberItem from "./components/Tabber/TabberItem";
export default {
  components: {
    Tabber,
    TabberItem,
  },
  data() {
    return {};
  },
};
</script>
<style>
*{
  margin: 0;
  padding: 0;
}
</style>
